@charset "UTF-8";
/*------------------------------------------------------
 common
------------------------------------------------------*/
body .site-main {
	margin-top: 0px;
	padding-top: 0;
}
body {
	padding-top: 95px;
}
body#company, body#products, body#ir, body#tech, body#sustainability {
	padding-top: 150px;
}
/*------------------------------------------------------
 HEADER
------------------------------------------------------*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
header#jsi-header {
	width: 100%;
	height: 95px;
	box-sizing: border-box;
	padding: 0 3.035% 0;
	position: absolute;
	border-bottom: 1px solid #D7D7E1;
	line-height: 1;
	z-index: 99999;
	background: #fff;
	top: 0 !important;
	left: 0;
	transition: all 0.4s;
}
header#jsi-header #hdrInner {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	transition: all 0.4s;
}
@media screen and (min-width: 961px) {
	.pageFix header#jsi-header {
		height: 55px;
		position: fixed;
	}
	.pageFix header#jsi-header #hdrInner {
		height: 55px;
	}
	.pageFixCat header#jsi-header {
		height: 55px;
		position: fixed;
	}
	.pageFixCat header#jsi-header #hdrInner {
		height: 55px;
	}
	.pageFixCat header#jsi-header h1 {}
	html.pageFixCat #globalNav .catFirst {
		height: 52px !important;
	}
}
/*------------------------------------------------------
 overlay
------------------------------------------------------*/
/*body:after{
	content: "";
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 100%;
	right: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99998;
	opacity: 0;
	transition:all 0.4s ease 0.2s;
}
body.overlay:after{
	opacity: 1.0;
	bottom: 0;
}*/
/*------------------------------------------------------
 #hdrLogo
------------------------------------------------------*/
header#jsi-header #hdrLogo {
	position: relative;
	z-index: 11;
}
header#jsi-header #hdrLogo h1 {
	width: 96px;
	margin-bottom: 3px;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header #hdrLogo h1 img{
	width: 100%;
	height: auto;
}
header#jsi-header #hdrLogo p img{
	width: 135px;
}
@media screen and (min-width: 961px) {
	.pageFix header#jsi-header #hdrLogo h1 {
		width: 77px;
		padding: 0 0 3px;
	}
	.pageFix header#jsi-header #hdrLogo p {
		display: none;
	}
	.pageFixCat header#jsi-header #hdrLogo h1 {
		width: 77px;
		padding: 0 0 3px;
	}
	.pageFixCat header#jsi-header #hdrLogo p {
		display: none;
	}
}
/*------------------------------------------------------
 nav
------------------------------------------------------*/
header#jsi-header nav {
	width: 168px;
	display: flex;
	justify-content: space-between;
	padding: 11px 0 0;
	z-index: 1;
}
header#jsi-header nav dl {
	order: 1;
}
/*------------------------------------------------------
#globalNavSet
------------------------------------------------------*/
#globalNavSet > dt {
	display: none;
}
/*------------------------------------------------------
#globalNav
------------------------------------------------------*/
#globalNavWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#globalNav {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}
#globalNav > li {
	height: 100%;
}
#globalNav > li > a {
	display: flex;
	align-items: center;
	padding: 4px 16px 7px;
	color: #001F6B !important;
}
@media screen and (min-width: 961px) {
	#globalNav > li > a {
		height: calc(100% + 7px);
		position: relative;
		z-index: 200;
		overflow: hidden;
	}
	#globalNav > li > a > span {
		display: inline-block;
		padding: 14px 0;
		position: relative;
	}
	#globalNav > li > a > span:after {
		content: "";
		width: 0;
		height: 2px;
		background-color: #00479F;
		position: absolute;
		left: 0;
		bottom: 3px;
		z-index: 1;
		transition: all 0.4s ease 0.2s;
	}
	#globalNav > li > a:hover > span:after {
		width: 100%;
	}
	#globalNav > li > a span.shadow{
		content: "";
		width: calc(100%);
		background-color: #fff;
		box-shadow: inset 0px 0px 6px rgba(0,0,0,.5);
		position: absolute;
		top: 20px;
		left: 0;
		z-index: -1;
		opacity: 0;
		transition: all 0s ease 0s;
		bottom: -6px;
	}
	#globalNav > li > a span.shadow:before{
		content: "";
		width: 100%;
		height: 14px;
		display: block;
		background: url("/assets/images/hdr_grade.png") no-repeat left bottom;
		background-size: 100% 14px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
 html.pageFix #globalNav > li > a span.shadow {
		top: 8px;
	}
 html.pageFixCat #globalNav > li > a span.shadow {
		top: 8px;
	}
	.actCompany #globalNav > li#gbCompany > a span.shadow, .actSustainability #globalNav > li#gbSustainability > a span.shadow, .actIr #globalNav > li#gbIr > a span.shadow, .actProducts #globalNav > li#gbProducts > a span.shadow{
		transition: all 0.4s ease 0.2s;
		opacity: 1;
	}
	#globalNav > li > a span.shadow:after{
		display: none !important;
	}
	.actCompany #globalNav > li#gbCompany > a, .actSustainability #globalNav > li#gbSustainability > a, .actIr #globalNav > li#gbIr > a, .actProducts #globalNav > li#gbProducts > a, .about #globalNav > li#gbCompany > a, .sustainability #globalNav > li#gbSustainability > a, .ir #globalNav > li#gbIr > a, .products #globalNav > li#gbProducts > a, .recruit #globalNav > li#gbRecruit > a, .news #globalNav > li#gbNews > a {
		color: #D20046 !important;
	}
	.actCompany #globalNav > li#gbCompany > a > span:after, .actSustainability #globalNav > li#gbSustainability > a > span:after, .actIr #globalNav > li#gbIr > a > span:after, .actProducts #globalNav > li#gbProducts > a > span:after, .about #globalNav > li#gbCompany > a > span:after, .sustainability #globalNav > li#gbSustainability > a > span:after, .ir #globalNav > li#gbIr > a > span:after, .products #globalNav > li#gbProducts > a > span:after, .recruit #globalNav > li#gbRecruit > a > span:after, .news #globalNav > li#gbNews > a > span:after {
		width: 100%;
		height: 2px;
		background-color: #D20046;
		bottom: 3px;
	}
}
/*------------------------------------------------------
#global CURRENT
------------------------------------------------------*/
@media screen and (min-width: 961px) {
	html #company #globalNav > li#gbCompany > a, html #ir #globalNav > li#gbIr > a, html #sustainability #globalNav > li#gbSustainability > a, html #products #globalNav > li#gbProducts > a, html #tech #globalNav > li#gbProducts > a, html #careers #globalNav > li#gbRecruit > a, html #news #globalNav > li#gbNews > a {
		color: #D20046 !important;
		/* pointer-events: none; */
	}
	html #company #globalNav > li#gbCompany > a > span:after, html #ir #globalNav > li#gbIr > a > span:after, html #sustainability #globalNav > li#gbSustainability > a > span:after, html #products #globalNav > li#gbProducts > a > span:after, html #tech #globalNav > li#gbProducts > a > span:after, html #careers #globalNav > li#gbRecruit > a > span:after, html #news #globalNav > li#gbNews > a > span:after {
		width: 100% !important;
		height: 2px !important;
		background-color: #D20046 !important;
		bottom: 3px !important;
	}
	html #company #globalNav > li#gbCompany > a > span.shadow, html #ir #globalNav > li#gbIr > a > span.shadow, html #sustainability #globalNav > li#gbSustainability > a > span.shadow, html #products #globalNav > li#gbProducts > a > span.shadow, html #tech #globalNav > li#gbProducts > a > span.shadow {
		opacity: 1;
		transition: all 0.4s ease 0.2s;
	}
	html #company #jsi-header.actProducts #globalNav > li#gbCompany > a > span.shadow, html #ir #jsi-header.actProducts #globalNav > li#gbIr > a > span.shadow, html #sustainability #jsi-header.actProducts #globalNav > li#gbSustainability > a > span.shadow, html #products #jsi-header.actCompany #globalNav > li#gbProducts > a > span.shadow, html #tech #jsi-header.actCompany #globalNav > li#gbProducts > a > span.shadow {
		opacity: 0;
		transition: all 0.4s ease 0.2s;
	}
}
/*------------------------------------------------------
#globalNav .catFirst
------------------------------------------------------*/
#globalNav .catFirst {
	width: 100%;
	height: 0;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
	transition: top 0s ease 0s !important;
	z-index: 80;
}
#globalNav .catFirst:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #D7D7E1;
	position: absolute;
	left: 0;
	top: -1px;
	transition: all 0s ease 0s;
}
#globalNav .catFirst:before{
	content: "";
	width: 100%;
	height: 0px;
	background: linear-gradient(to bottom, #ccc, #FFF);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
	z-index: 3;
}
@media screen and (min-width: 961px) {
	.actCompany #globalNav #gbCompany .catFirst, .actSustainability #globalNav #gbSustainability .catFirst, .actIr #globalNav #gbIr .catFirst, .actProducts #globalNav #gbProducts .catFirst {
		height: 62px;
		z-index: 199;
	}
	html.pageFix .actCompany #globalNav #gbCompany .catFirst, html.pageFix .actSustainability #globalNav #gbSustainability .catFirst, html.pageFix .actIr #globalNav #gbIr .catFirst, html.pageFix .actProducts #globalNav #gbProducts .catFirst {
		height: 52px;
	}
	.actCompany #globalNav #gbCompany .catFirst:after, .actSustainability #globalNav #gbSustainability .catFirst:after, .actIr #globalNav #gbIr .catFirst:after, .actProducts #globalNav #gbProducts .catFirst:after {
		top: 62px;
	transition: all 0.4s ease 0.2s;
	}
	.actCompany #globalNav #gbCompany .catFirst:before, .actSustainability #globalNav #gbSustainability .catFirst:before, .actIr #globalNav #gbIr .catFirst:before, .actProducts #globalNav #gbProducts .catFirst:before{
		height: 6px;
		opacity: 1;
		transition: all 0.4s ease 0.2s;
	}
}
#globalNav .catFirst > ul {
	width: 100%;
	height: 0;
	box-sizing: border-box;
	padding: 0;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
	background-color: #fff;
	transition: all 0.4s ease 0.2s;
}
@media screen and (min-width: 961px) {
	#globalNav .catFirst > ul {
		opacity: 0;
	}
	.actCompany #globalNav #gbCompany .catFirst > ul, .actSustainability #globalNav #gbSustainability .catFirst > ul, .actIr #globalNav #gbIr .catFirst > ul, .actProducts #globalNav #gbProducts .catFirst > ul {
		opacity: 1;
		height: 100%;
	}
}
#globalNav .catFirst > ul > li > a {
	width: 100%;
	height: 0;
	box-sizing: border-box;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0046A0 !important;
	transition: all 0.4s ease 0.2s;
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 961px) {
	.actCompany #globalNav #gbCompany .catFirst > ul > li > a, .actSustainability #globalNav #gbSustainability .catFirst > ul > li > a, .actIr #globalNav #gbIr .catFirst > ul > li > a, .actProducts #globalNav #gbProducts .catFirst > ul > li > a {
		height: 100%;
	}
/*	.menuCompany #globalNav .catFirst > ul > li.menuCompany > a, .menuIr #globalNav .catFirst > ul > li.menuIr > a, .menuSustainability #globalNav .catFirst > ul > li.menuSustainability > a, .menuProducts #globalNav .catFirst > ul > li.menuProducts > a, .menuTech #globalNav .catFirst > ul > li.menuTech > a {
		background-color: #fff;
	}*/
}
#globalNav .catFirst > ul > li > a > span {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#globalNav .catFirst > ul > li > a > span:after {
	content: "";
	width: 0;
	height: 2px;
	background-color: #00479F;
	position: absolute;
	left: 0;
	bottom: -6px;
	z-index: 1;
	transition: all 0.4s ease 0.2s;
}
@media screen and (min-width: 961px) {
	#globalNav .catFirst > ul > li > a:hover > span:after {
		width: 100%;
	}
	.menuCompany #globalNav .catFirst > ul > li.menuCompany > a > span:after, .menuIr #globalNav .catFirst > ul > li.menuIr > a > span:after, .menuSustainability #globalNav .catFirst > ul > li.menuSustainability > a > span:after, .menuProducts #globalNav .catFirst > ul > li.menuProducts > a > span:after, .menuTech #globalNav .catFirst > ul > li.menuTech > a > span:after {
		width: 100%;
		background-color: #D20046;
	}
}
#globalNav .catFirst > ul > li > a > span > span.txt {
	display: inline-block;
	margin: 0;
}
#globalNav .catFirst > ul > li > a > span > span.arw {
	display: inline-block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border-top: 1px solid #1566CC;
	border-right: 1px solid #1566CC;
	position: relative;
	transition: all 0.4s ease 0.2s;
	overflow: hidden;
	transform: translateX(-50%) rotate(135deg);
	position: absolute;
	left: 50%;
	bottom: -9px;
	opacity: 0;
	transition: all 0.4s ease 0.2s;
	transition-delay: 0.6s;
}
@media screen and (min-width: 961px) {
	#globalNav .catFirst > ul > li > a:hover > span > span.arw {
		opacity: 1;
		bottom: -14px;
	}
	.menuCompany #globalNav .catFirst > ul > li.menuCompany > a, .menuIr #globalNav .catFirst > ul > li.menuIr > a, .menuSustainability #globalNav .catFirst > ul > li.menuSustainability > a, .menuProducts #globalNav .catFirst > ul > li.menuProducts > a, .menuTech #globalNav .catFirst > ul > li.menuTech > a {
		color: #D20046 !important;
	}
	.menuCompany #globalNav .catFirst > ul > li.menuCompany > a > span > span.arw, .menuIr #globalNav .catFirst > ul > li.menuIr > a > span > span.arw, .menuSustainability #globalNav .catFirst > ul > li.menuSustainability > a > span > span.arw, .menuProducts #globalNav .catFirst > ul > li.menuProducts > a > span > span.arw, .menuTech #globalNav .catFirst > ul > li.menuTech > a > span > span.arw {
		opacity: 1;
		bottom: -14px;
		border-top: 1px solid #D20046;
		border-right: 1px solid #D20046;
		transition-delay: 0s !important;
	}
}
#globalNav .catFirst .catFirstClose {
	width: 100%;
	height: 0;
	box-sizing: border-box;
	padding: 0 6.07% 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
#globalNav .catFirst .catFirstClose .inner {
	width: 100%;
	max-width: 1200px;
	height: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 auto;
	position: relative
}
#globalNav .catFirst .catFirstClose .inner .btnClose {
	width: 14px;
	height: 14px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 21px;
	right: 0;
	opacity: 0;
	transition: all 0.4s ease 0.2s;
}
@media screen and (min-width: 961px) {
	#globalNav .catFirst .catFirstClose .inner .btnClose {
		visibility: hidden;
	}
	.actCompany #globalNav #gbCompany .catFirst .catFirstClose .inner .btnClose, .actSustainability #globalNav #gbSustainability .catFirst .catFirstClose .inner .btnClose, .actIr #globalNav #gbIr .catFirst .catFirstClose .inner .btnClose, .actProducts #globalNav #gbProducts .catFirst .catFirstClose .inner .btnClose {
		opacity: 1;
		visibility: visible;
	}
}
#globalNav .catFirst .catFirstClose .inner .btnClose:before, #globalNav .catFirst .catFirstClose .inner .btnClose:after {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #1566CC;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%) rotate(45deg);
}
#globalNav .catFirst .catFirstClose .inner .btnClose:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
/*------------------------------------------------------
#globalNav .catFirst CURRENT
------------------------------------------------------*/
@media screen and (min-width: 961px) {
	html #company #globalNav #gbCompany .catFirst, html #ir #globalNav #gbIr .catFirst, html #sustainability #globalNav #gbSustainability .catFirst, html #products #globalNav #gbProducts .catFirst, html #tech #globalNav #gbProducts .catFirst {
		height: 62px;
		z-index: 99;
		transition: top 0s ease 0s !important;
	}
	html #company #globalNav #gbCompany .catFirst:after, html #ir #globalNav #gbIr .catFirst:after, html #sustainability #globalNav #gbSustainability .catFirst:after, html #products #globalNav #gbProducts .catFirst:after, html #tech #globalNav #gbProducts .catFirst:after{
		content: "";
		width: 100%;
		height: 1px;
		background-color: #D7D7E1;
		position: absolute;
		left: 0;
		top: 100%;
	}
	html #company #globalNav #gbCompany .catFirst > ul, html #ir #globalNav #gbIr .catFirst > ul, html #sustainability #globalNav #gbSustainability .catFirst > ul, html #products #globalNav #gbProducts .catFirst > ul, html #tech #globalNav #gbProducts .catFirst > ul {
		opacity: 1;
		height: 100%;
	}
	html #company #globalNav #gbCompany .catFirst > ul > li > a, html #ir #globalNav #gbIr .catFirst > ul > li > a, html #sustainability #globalNav #gbSustainability .catFirst > ul > li > a, html #products #globalNav #gbProducts .catFirst > ul > li > a, html #tech #globalNav #gbProducts .catFirst > ul > li > a {
		height: 100%;
	}
	html #company #globalNav #gbCompany .catFirst .catFirstClose .inner .btnClose, html #ir #globalNav #gbIr .catFirst .catFirstClose .inner .btnClose, html #sustainability #globalNav #gbSustainability .catFirst .catFirstClose .inner .btnClose, html #products #globalNav #gbProducts .catFirst .catFirstClose .inner .btnClose, html #tech #globalNav #gbProducts .catFirst .catFirstClose .inner .btnClose {
		opacity: 0 !important;
		visibility: hidden !important;
	}
	html #company #globalNav .catFirst > ul > li.menuCompany > a, html #ir #globalNav .catFirst > ul > li.menuIr > a, html #sustainability #globalNav .catFirst > ul > li.menuSustainability > a, html #products #globalNav .catFirst > ul > li.menuProducts > a, html #tech #globalNav .catFirst > ul > li.menuTech > a {
		color: #D20046 !important;
	}
	html #company #globalNav .catFirst > ul > li.menuCompany > a > span:after, html #ir #globalNav .catFirst > ul > li.menuIr > a > span:after, html #sustainability #globalNav .catFirst > ul > li.menuSustainability > a > span:after, html #products #globalNav .catFirst > ul > li.menuProducts > a > span:after, html #tech #globalNav .catFirst > ul > li.menuTech > a > span:after {
		width: 100% !important;
		height: 2px !important;
		background-color: #D20046 !important;
	}
	html #company #globalNav .catFirst > ul > li.menuCompany > a > span > span.arw, html #ir #globalNav .catFirst > ul > li.menuIr > a > span > span.arw, html #sustainability #globalNav .catFirst > ul > li.menuSustainability > a > span > span.arw, html #products #globalNav .catFirst > ul > li.menuProducts > a > span > span.arw, html #tech #globalNav .catFirst > ul > li.menuTech > a > span > span.arw {
/*		opacity: 1;*/
		bottom: -14px;
		border-top: 1px solid #D20046;
		border-right: 1px solid #D20046;
		transition-delay: 0s !important;
	}

	html #company #globalNavWrapper.menuIr #globalNav .catFirst > ul > li.menuCompany > a > span > span.arw,
	html #company #globalNavWrapper.menuSustainability #globalNav .catFirst > ul > li.menuCompany > a > span > span.arw,
	html #ir #globalNavWrapper.menuCompany #globalNav .catFirst > ul > li.menuIr > a > span > span.arw,
	html #ir #globalNavWrapper.menuSustainability #globalNav .catFirst > ul > li.menuIr > a > span > span.arw,
	html #sustainability #globalNavWrapper.menuCompany #globalNav .catFirst > ul > li.menuSustainability > a > span > span.arw,
	html #sustainability #globalNavWrapper.menuIr #globalNav .catFirst > ul > li.menuSustainability > a > span > span.arw,
	html #products #globalNavWrapper.menuTech #globalNav .catFirst > ul > li.menuProducts > a > span > span.arw,
	html #tech #products #globalNavWrapper.menuProducts #globalNav .catFirst > ul > li.menuTech > a > span > span.arw {
		opacity: 0;
	}
	html #company #globalNav .catFirst:before, html #ir #globalNav .catFirst:before, html #sustainability #globalNav .catFirst:before, html #products #globalNav .catFirst:before, html #tech #globalNav .catFirst:before{
		content: "";
		width: 100%;
		height: 6px;
		background: linear-gradient(to bottom, #ccc, #FFF);
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		opacity: 1;
	}
}
/*------------------------------------------------------
#globalNav .boxMenu
------------------------------------------------------*/
#globalNav .boxMenu {
	width: 100%;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	top: calc(100%);
	left: 0;
	right: auto;
	z-index: 999;
	transition: opacity 0.4s ease 0.2s;
}
#globalNav .boxMenuInner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	transition: all 0.4s ease 0.2s;
	position: relative;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu {
		opacity: 0;
	}
	#globalNav .boxMenuOuter {
		width: 100%;
		max-height: calc(100vh - 155px);
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 6.07%;
		background-color: #ECEFF1;
		line-height: 2;
		box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.6);
	}
	.pageFix #globalNav .boxMenuOuter {
		max-height: calc(100vh - 110px);
	}
	.pageFixCat #globalNav .boxMenuOuter {
		max-height: calc(100vh - 55px);
	}
	#globalNav .boxMenuInner {
		opacity: 0;
		visibility: hidden;
	}
	.menuCompany #globalNav .menuCompany .boxMenu, .menuIr #globalNav .menuIr .boxMenu, .menuSustainability #globalNav .menuSustainability .boxMenu, .menuProducts #globalNav .menuProducts .boxMenu, .menuTech #globalNav .menuTech .boxMenu {
		opacity: 1;
		height: auto;
		padding: 0 0 8px;
	}
	.menuCompany #globalNav .menuCompany .boxMenu .boxMenuOuter, .menuIr #globalNav .menuIr .boxMenu .boxMenuOuter, .menuSustainability #globalNav .menuSustainability .boxMenu .boxMenuOuter, .menuProducts #globalNav .menuProducts .boxMenu .boxMenuOuter, .menuTech #globalNav .menuTech .boxMenu .boxMenuOuter {
		overflow-y: auto !important;
	}
	.menuCompany #globalNav .menuCompany .boxMenuInner, .menuIr #globalNav .menuIr .boxMenuInner, .menuSustainability #globalNav .menuSustainability .boxMenuInner, .menuProducts #globalNav .menuProducts .boxMenuInner, .menuTech #globalNav .menuTech .boxMenuInner {
		visibility: visible;
		opacity: 1;
	}
}
#globalNav p.back {
	display: none;
}
#globalNav .boxMenu a {
	display: block;
	font-size: 15px;
	color: #001F6B !important;
}
#globalNav .boxMenu dt {
	width: calc((100% - 165px) / 4);
	font-weight: 700;
	position: relative;
}
#globalNav .boxMenu dt a {
	font-size: 24px;
	line-height: 1.4;
}
#globalNav .boxMenu dd {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #fff;
	column-gap: 55px;
}
#globalNav .boxMenu dd > div {
	width: calc((100% - 165px) / 4);
	margin: 20px 0 0;
}
#globalNav .boxMenu dd > div.wide {
	width: calc((((100% - 165px) / 4) * 2) + 55px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#globalNav .boxMenu dd > div.wide div {
	width: calc((100% - 55px) / 2);
	margin: 0;
}
#globalNav .boxMenu div p {
	width: 100%;
	margin-bottom: 15px;
}
#globalNav .boxMenu div p + p {
	margin-top: 30px;
}
#globalNav .boxMenu div p a {
	display: block;
	padding: 15px 0px;
	position: relative;
	color: #001F6B;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	transition: all 0.4s ease 0.2s;
}
#globalNav .boxMenu div p a:after {
	content: "";
	width: 5px;
	height: 100%;
	background-color: #001F6B;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.4s ease 0.2s;
	z-index: 1;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu div p a:before {
		background: none !important;
	}
	#globalNav .boxMenu div p a:hover {
		color: #fff !important;
	}
	#globalNav .boxMenu div p a:hover:after {
		width: 100%;
	}
}
#globalNav .boxMenu div p a span {
	display: inline-block;
	padding: 0 25px 0 15px;
	position: relative;
	z-index: 2;
	background: url("/assets/images/hdr_arw_darkblue.svg") no-repeat center right;
	background-size: 14px 14px;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu div p a span:after {
		content: "";
		width: 14px;
		height: 14px;
		background: url("/assets/images/ftr_arw_wh.svg") no-repeat center right;
		background-size: 14px 14px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.4s ease 0.2s;
		opacity: 0;
	}
	#globalNav .boxMenu div p a:hover span:after {
		opacity: 1;
	}
}
#globalNav .boxMenu dd > div ul {
	margin: 0;
	padding: 0;
}
#globalNav .boxMenu dd > div > ul > li, #globalNav .boxMenu dd > div.wide > div > ul > li {
	border-top: 1px solid #D1D1DD;
}
#globalNav .boxMenu dd > div ul li {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
#globalNav .boxMenu dd > div ul li li {
	font-size: 14px;
	font-weight: normal;
}
#globalNav .boxMenu dd > div > ul li li ul {
	margin: 0 0 0 2em;
}
#globalNav .boxMenu dl dd a {
	display: block;
	padding: 2px 20px 2px 0;
	position: relative;
	color: #fff;
}
#globalNav .boxMenu dl a:before {
	content: "";
	width: 14px;
	height: 14px;
	background: url("/assets/images/hdr_arw_blue.svg") no-repeat 0 0;
	background-size: 14px 14px;
	position: absolute;
	bottom: 10px;
	right: 5px;
	opacity: 0;
	transition: all 0.4s ease 0.2s;
}
#globalNav .boxMenu dl dt a:before {
	bottom: 10px;
}
#globalNav .boxMenu dl li li a {
	padding: 5px 20px 5px 0;
}
#globalNav .boxMenu dl li li a:before {
	bottom: 12px;
}
#globalNav .boxMenu dl li li a img.icon{
	width: 18px;
	vertical-align: baseline;
	padding-left: 3px;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu dl a:hover:before {
		right: 0px;
		opacity: 1;
		transition: all 0.4s ease 0.2s;
		transition-delay: 0.4s;
	}
}
#globalNav .boxMenu dl a:after {
	content: "";
	width: 0;
	height: 2px;
	background-color: #0046A0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.4s ease 0.2s;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu dl a:hover:after {
		width: 100%;
	}
}
#globalNav .boxMenu dl li a span {
	font-size: 12px;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu dd > div ul.product4th {
		display: block !important;
	}
	#globalNav .boxMenu dd > div ul.product5th {
		display: none !important;
	}
}
#globalNav .boxMenu div p.boxMenuClose {
	display: none;
}
@media screen and (min-width: 961px) {
	#globalNav .boxMenu div p.boxMenuClose {
		width: 14px !important;
		height: 14px !important;
		padding: 0;
		margin: 0;
		display: block;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		top: 30px;
		right: 0;
	}
	#globalNav .boxMenu div p.boxMenuClose a{
		width: 100% !important;
		height: 100% !important;
		padding: 0;
		margin: 0;
		display: block;
		position: relative;
		background: none !important;
	}
		#globalNav .boxMenu div p.boxMenuClose a:before, #globalNav .boxMenu div p.boxMenuClose a:after {
		content: "";
		width: 1px;
		height: 20px;
		background-color: #1566CC !important;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	#globalNav .boxMenu div p.boxMenuClose a:after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}
/*------------------------------------------------------
 .hdrSearch
------------------------------------------------------*/
header#jsi-header .hdrSearch {
	position: relative;
	z-index: 11;
}
header#jsi-header .hdrSearch #search-open-btn {
	width: 20px;
	height: 31px;
	box-sizing: border-box;
	overflow: hidden;
}
header#jsi-header .hdrSearch #search-open-btn a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: url("/assets/images/icn_hdr_search.png") no-repeat 0 0;
	background-size: 20px 20px;
	position: relative;
}
header#jsi-header .hdrSearch #search-open-btn a:before {
	content: "";
	width: 20px;
	height: 20px;
	background: #fff url("/assets/images/icn_search_act.png") no-repeat 0 0;
	background-size: 20px 20px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.4s ease 0.2s;
	opacity: 0;
}
header#jsi-header .hdrSearch #search-open-btn a:after {
	content: "";
	width: 0;
	height: 5px;
	background-color: #00479F;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header .hdrSearch #search-open-btn a:hover:after {
	width: 100%;
}
@media screen and (min-width: 961px) {
	header#jsi-header.actSearch .hdrSearch #search-open-btn a:before {
		opacity: 1;
	}
	header#jsi-header.actSearch .hdrSearch #search-open-btn a:after {
		width: 100%;
		height: 2px;
		background-color: #D20046;
		bottom: 3px;
	}
}
header#jsi-header #areaSearch {
	width: 100%;
	height: 0px;
	box-sizing: border-box;
	padding: 0 6.07%;
	background-color: #ECEFF1;
	position: absolute;
	top: 95px;
	left: 0;
	transition: all 0.4s ease 0.2s;
	z-index: 2;
}
.pageFix header#jsi-header #areaSearch {
	top: 55px;
}
#company header#jsi-header #areaSearch,
#ir header#jsi-header #areaSearch,
#sustainability header#jsi-header #areaSearch,
#products header#jsi-header #areaSearch,
#tech header#jsi-header #areaSearch{
	top: 157px;
}
.pageFixCat #company header#jsi-header #areaSearch,
.pageFixCat #ir header#jsi-header #areaSearch,
.pageFixCat #sustainability header#jsi-header #areaSearch,
.pageFixCat #products header#jsi-header #areaSearch,
.pageFixCat #tech header#jsi-header #areaSearch{
	top: 106px;
}
header#jsi-header.actSearch #areaSearch {
	height: 185px;
}
header#jsi-header #areaSearch:before {
 content: "";
 width: 100%;
 height: 0px;
 background: linear-gradient(to bottom, rgba(204,204,204,1), rgba(204,204,204,0));
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 z-index: 3;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header #areaSearch:after {
 content: "";
 width: 100%;
 height: 0px;
 background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
 position: absolute;
 top: 100%;
 left: 0;
 opacity: 0;
 z-index: 3;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header.actSearch #areaSearch:before {
 height: 6px;
 opacity: 1;
}
header#jsi-header.actSearch #areaSearch:after {
 height: 6px;
 opacity: 1;
}
header#jsi-header #areaSearch .searchContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	height: 0;
	position: relative;
	overflow: hidden;
}
header#jsi-header.actSearch #areaSearch .searchContainer {
	height: 100%;
}
header#jsi-header #areaSearch .searchContainer .searchInner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
header#jsi-header #areaSearch .searchContainer .searchInner #searchClose {
	width: 14px;
	height: 14px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 20px;
}
header#jsi-header #areaSearch .searchContainer .searchInner #searchClose:before, header#jsi-header #areaSearch .searchContainer .searchInner #searchClose:after {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #1566CC;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%) rotate(45deg);
}
header#jsi-header #areaSearch .searchContainer .searchInner #searchClose:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
header#jsi-header #areaSearch .searchContainer .searchInner form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 730px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 20px 0 0;
	border: 1px solid #D1D1DD;
	background: #fff;
}
header#jsi-header #areaSearch .searchContainer .searchInner form input[type="search"] {
	width: calc(100% - 40px);
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	padding: 0 20px;
	border: none;
	font-size: 18px;
	outline: none;
}
header#jsi-header #areaSearch .searchContainer .searchInner form button.sg-search-btn {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	outline: none;
}
header#jsi-header #areaSearch .searchContainer .searchInner form button.sg-search-btn img{
	width: 100%;
	height: auto;
}
/*------------------------------------------------------
 #hdrMenu
------------------------------------------------------*/
header#jsi-header #hdrMenu {
	width: 100px;
	height: 31px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 11;
}
header#jsi-header #hdrMenu #hdrContact {
	width: 23px;
}
header#jsi-header #hdrMenu #hdrContact a {
	background: url("/assets/images/icn_contact.png") no-repeat 0 0;
	background-size: 100% auto;
	text-indent: -9999px;
}
header#jsi-header #hdrMenu a {
	display: block;
	width: 100%;
	height: 31px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	color: #001F6B !important;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header #hdrMenu a:after {
	content: "";
	width: 0;
	height: 5px;
	background-color: #00479F;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header #hdrMenu a:hover:after {
	width: 100%;
}
header#jsi-header #hdrMenu #hdrLang {
	width: 57px;
	height: 31px;
	overflow: hidden;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.4s ease 0.2s;
}
@media screen and (min-width: 961px) {
	header#jsi-header.actLang #hdrMenu #hdrLang {
		height: 99px;
	}
	header#jsi-header.actLang #hdrMenu #hdrLang li.lang:first-child a:after {
		width: 100%;
		height: 2px;
		background-color: #D20046;
		bottom: 3px;
	}
}
header#jsi-header #hdrMenu #hdrLang li.lang:first-child {
	padding: 0 0 0 21px;
}
header#jsi-header #hdrMenu #hdrLang span {
	display: flex;
	width: 100%;
	height: 20px;
	align-items: center;
	justify-content: space-between;
}
header#jsi-header #hdrMenu #hdrLang li.lang span.arw {
	width: 13px !important;
	height: 7px !important;
	position: relative;
	transition: all 0.4s ease 0.2s;
	overflow: hidden;
}
header#jsi-header #hdrMenu #hdrLang li.lang span.arw:before, header#jsi-header #hdrMenu #hdrLang li.lang span.arw:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #001F6B;
	position: absolute;
	top: 0;
	z-index: 1;
	transition: all 0.4s ease 0.2s;
}
header#jsi-header #hdrMenu #hdrLang li.lang span.arw:before {
	left: 0;
	transform: rotate(-40deg);
	transform-origin: left top;
}
header#jsi-header #hdrMenu #hdrLang li.lang span.arw:after {
	right: 0;
	transform: rotate(40deg);
	transform-origin: right top;
}

header#jsi-header.actLang #hdrMenu #hdrLang li.lang span.arw {
	width: 14px !important;
	height: 8px !important;
}
header#jsi-header.actLang #hdrMenu #hdrLang li.lang span.arw:before {
	left: 3px;
}
header#jsi-header.actLang #hdrMenu #hdrLang li.lang span.arw:after {
	right: 3px;
}

@media screen and (min-width: 961px) {
	header#jsi-header.actLang #hdrMenu #hdrLang li.lang:first-child a {
		color: #D20046 !important;
	}
	header#jsi-header.actLang #hdrMenu #hdrLang li.lang span.arw:before, header#jsi-header.actLang #hdrMenu #hdrLang li span.arw:after {
		background-color: #D20046;
	}
}
header#jsi-header #hdrMenu #hdrLang li.lang {
	background-color: #ECEFF1;
	position: relative;
	z-index: 2;
}
header#jsi-header #hdrMenu #hdrLang li#btnLang.lang {
	background-color: #fff;
	position: relative;
	z-index: 2;
}
header#jsi-header #hdrMenu #hdrLang li#btnLang.lang span {
	display: flex;
	width: 100%;
	height: 20px;
	align-items: center;
	justify-content: space-between;
}
header#jsi-header #hdrMenu #hdrLang li.lang span {
	justify-content: center;
	height: 34px;
}
header#jsi-header #hdrMenu #hdrLang li.lang.langEn {
	transition: all 0.4s ease 0.2s;
	margin: 0;
}
@media screen and (min-width: 961px) {
	header#jsi-header.actLang #hdrMenu #hdrLang li.lang.langEn {
		margin: -3px 0 0;
	}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Nav Aadjustment
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1200px) {
  header#jsi-header nav {
    width: 120px;
  }
  header#jsi-header {
    padding-right: 2.023%;
    padding-left: 2.023%;
  }
  #globalNav > li > a {
    padding-right: 12px;
    padding-left: 12px;
  }
  header#jsi-header #hdrMenu {
    width: 80px;
  }
  header#jsi-header #hdrMenu #hdrLang {
    width: 52px;
  }
  header#jsi-header #hdrMenu #hdrLang li.lang:first-child {
    padding-left: 16px;
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 960px) {
	/*------------------------------------------------------
 common
------------------------------------------------------*/
	body .site-main {
		margin-top: 0;
		padding-top: 0;
	}
	body {
		padding-top: 55px;
	}
	body#company, body#products, body#ir, body#tech, body#sustainability {
		padding-top: 55px;
	}
	/*------------------------------------------------------
header
------------------------------------------------------*/
	header#jsi-header {
		min-width: 320px;
		height: 55px;
		padding: 0 15px;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		z-index: 99999;
	}
	header#jsi-header #hdrInner {
		position: relative;
	}
	/*------------------------------------------------------
 #hdrLogo
------------------------------------------------------*/
	header#jsi-header #hdrLogo h1 img{
		width: 75px;
		height: 26px;
		overflow: hidden;
	}
	header#jsi-header #hdrLogo h1 img {
		vertical-align: top;
	}
	header#jsi-header #hdrLogo p {
		display: none;
	}
	/*------------------------------------------------------
 nav
------------------------------------------------------*/
	header#jsi-header nav {
		width: auto;
		display: block;
		padding: 0;
	}
	header#jsi-header nav dl {
		order: 1;
	}
	/*------------------------------------------------------
#globalNavSet
------------------------------------------------------*/
	#globalNavSet > dt {
		background-color: #fff;
		display: block;
		width: 24px;
		height: 53px;
		position: absolute;
		top: 1px;
		right: 0;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#globalNavSet > dt::before, #globalNavSet > dt::after {
		content: "";
		background-color: #001F6B;
		display: block;
		width: 20px;
		height: 1px;
		position: absolute;
		top: 24px;
		left: 50%;
		margin-left: -10px;
		z-index: 1;
	}
	#globalNavSet > dt > span::before {
		content: "";
		width: 20px;
		height: 20px;
		margin-left: -10px;
		border-top: 1px solid #001F6B;
		border-bottom: 1px solid #001F6B;
		top: 15px;
		left: 50%;
		position: absolute;
	}
	#globalNavSet > dt > span .open, #globalNavSet.open > dt > span .close {
		display: none;
	}
	#globalNavSet.open > dt > span .open {
		display: inherit;
	}
	#globalNavSet > dt::before, #globalNavSet > dt::after, #globalNavSet > dt > span {
		transition: all 0.3s ease;
	}
	#globalNavSet.open > dt > span::before {
		border-color: rgba(255, 255, 255, 0);
	}
	#globalNavSet.open > dt::before {
		transform: rotate(45deg);
	}
	#globalNavSet.open > dt::after {
		transform: rotate(-45deg);
	}
	#globalNavSet > dt > span > span {
		display: none;
	}
	#globalNavSet > dd {
		color: #fff;
		background-color: #fff;
		box-sizing: border-box;
		width: 100%;
		visibility: hidden;
		overflow: hidden;
		position: fixed;
		top: 55px;
		bottom: 100%;
		left: 0;
		z-index: 71;
		opacity: 0;
		transition: all 0.3s ease;
		height: 0;
	}
	#globalNavSet.open > dd {
		height: calc(100% - 55px);
		visibility: visible;
		bottom: 0;
		opacity: 1;
	}
	#globalNavSet > dd > div {
		display: block;
	}
	#globalNavSet > dd > * {
		visibility: hidden;
	}
	#globalNavSet.open > dd > * {
		visibility: inherit;
	}
	html.gNavOpen, html.gNavOpen body {
		height: 100%;
		overflow: hidden;
	}
	html.gNavOpen #globalNavSet > dd > div {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-top: 0;
		overflow: auto;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
	/*------------------------------------------------------
#globalNav
------------------------------------------------------*/
	#globalNavWrapper {
		height: auto;
		display: block;
		position: relative;
		z-index: 12;
	}
	#globalNav {
		display: block;
	}
	#globalNav > li {
		margin: 0;
		position: relative;
		z-index: 1;
	}
	#globalNav > li:first-child, #globalNav > li:nth-child(2) {
		z-index: 2;
	}
	#globalNav > li.open {
		z-index: 99;
	}
	#globalNav > li + li {
		border-top: 1px solid #D7D7E1;
	}
	#globalNav > li > a {
		display: block;
		padding: 20px 15px;
		font-size: 16px;
		font-weight: bold;
	}
	#globalNav > li > a > span:after {
		display: none;
	}
	#globalNav #actCompany, #globalNav #actSustainability, #globalNav #actIr, #globalNav #actProducts {
		pointer-events: none;
	}
	/*------------------------------------------------------
#globalNav .catFirst
------------------------------------------------------*/
	#globalNav .catFirst {
		width: auto;
		height: auto;
		margin: 0 0 0 15px;
		position: static;
		display: block;
	}
	#globalNav .catFirst > ul {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		display: block;
		background-color: #ECEFF1;
	}
	#globalNav .catFirst > ul > li {
		border-top: 1px solid #D7D7E1;
	}
	#globalNav .catFirst > ul > li > a {
		height: auto;
		padding: 20px 15px;
		display: block;
		font-size: 16px;
		font-weight: bold;
		color: #001F6B !important;
	}
	#globalNav .catFirst > ul > li > a > span {
		width: 100%;
		justify-content: space-between;
	position: relative;
	}
	#globalNav .catFirst > ul > li > a > span > span.txt {
		display: inline-block;
		margin: 0;
	}
	#globalNav .catFirst > ul > li > a > span > span.arw {
	display: inline-block;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	border-top: 1px solid #1566CC;
	border-right: 1px solid #1566CC;
	position: relative;
	overflow: hidden;
	transform: translateX(0) rotate(45deg);
	position: absolute;
	left: auto;
	right: 10px;
	bottom: 0;
	opacity: 1;
	transition: all 0.4s ease 0.2s;
	transition-delay: 0.6s;
	}
	#globalNav .catFirst > ul > li > a:before{
	content: "";
	display: inline-block;
	width: 1px;
	height: calc(100% - 20px);
	background-color:#D7D7E1;
	position: absolute;
	right: 55px;
	top: 50%;
	transform: translateY(-50%);
	}
	#globalNav .catFirst .catFirstClose {
		display: none;
	}
	/*------------------------------------------------------
#globalNav .boxMenu
------------------------------------------------------*/
	#globalNav .boxMenu {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 0 0 0 15px;
		background-color: #fff;
		position: fixed;
		top: 55px;
		left: auto;
		right: -105%;
		z-index: 999;
		line-height: 2;
		overflow: auto;
		transition: all 0.4s ease 0.2s;
	}
	#globalNav .boxMenu.open {
		right: 0;
		transition: all 0.4s ease 0.2s;
	}
	#globalNav .boxMenuInner {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		overflow: auto;
		padding: 0;
	}
	#globalNav p.back {
		display: block;
		font-size: 16px;
		color: #1566CC !important;
		line-height: 2;
		padding: 6px 15px 6px 30px;
		position: relative;
		cursor: pointer;
	}
	#globalNav p.back span {
		display: block;
		width: 6px;
		height: 12px;
		position: absolute;
		top: 50%;
		left: 9px;
		transform: translateY(-50%);
		background: url("/assets/images/icn_arw_back.svg") no-repeat 0 0;
		background-size: 6px 12px;
		overflow: hidden;
	}
	#globalNav .boxMenu a {
		display: block;
		font-size: 16px;
		color: #001F6B !important;
	}
	#globalNav .boxMenu dt {
		width: calc(100%);
		border-top: 1px solid #D1D1DD;
	}
	#globalNav .boxMenu dt a {
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 15px 0 0;
		position: relative;
		color: #fff;
		font-size: 16px;
		line-height: 1.35;
		background-color: #fff;
	}
	#globalNav .boxMenu dd {
		display: block;
		padding: 0 0 100px;
	}
	#globalNav .boxMenu dd > div {
		width: calc(100%);
		margin: 0;
	}
	#globalNav .boxMenu dd > div.wide {
		width: calc(100%);
		display: block;
	}
	#globalNav .boxMenu dd > div.wide div {
		width: calc(100%);
		margin: 0;
	}
	#globalNav .boxMenu div p {
		width: 100%;
		margin-bottom: 0;
	}
	#globalNav .boxMenu div p + p {
		margin-top: 0;
	}
	#globalNav .boxMenu div p a, #globalNav .boxMenu div dl dd p a {
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 15px 0 0 !important;
		position: relative;
		font-size: 16px;
		line-height: 1.35;
		background-color: #fff !important;
	}
	#globalNav .boxMenu div p a:after {
		display: none;
	}
	#globalNav .boxMenu div p a span {
		display: block;
		background: none;
		padding: 0;
	}
	#globalNav .boxMenu dd > div ul {
		margin: 0;
		padding: 0;
	}
	#globalNav .boxMenu dd > div ul.product3th, #globalNav .boxMenu dd > div ul ul {
		background-color: #ECEFF1;
	}
	#globalNav .boxMenu dd > div ul.product4th, #globalNav .boxMenu dd > div ul.product5th, #globalNav .boxMenu dd > div ul ul ul {
		background-color: #F7F7F7;
	}
	#globalNav .boxMenu dd > div ul > li > ul > li {
		border-top: 1px solid #D1D1DD;
	}
	#globalNav .boxMenu dd > div > ul > li, #globalNav .boxMenu dd > div.wide > div > ul > li {
		border-top: 1px solid #D1D1DD;
	}
	#globalNav .boxMenu dd > div ul li {
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
	}
	#globalNav .boxMenu dd > div ul li li {
		font-size: 14px;
		font-weight: normal;
	}
	#globalNav .boxMenu dd > div > ul li li ul {
		margin: 0 0 0 15px;
	}
	#globalNav .boxMenu dl dd a {
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 15px 0 0;
		position: relative;
		color: #fff;
		font-size: 16px;
		line-height: 1.35;
	}
	#globalNav .boxMenu dl a:before {
		display: none;
	}
	#globalNav .boxMenu dl dt a:before {
		bottom: 20px;
	}
	#globalNav .boxMenu dl li li a {
		display: flex;
		align-items: center;
		padding: 0 15px;
	}
	#globalNav .boxMenu dl li li a:before {
		display: none;
	}
	#globalNav .boxMenu dl a:after {
		display: none;
	}
	#globalNav .boxMenu dl li a span {
		font-size: 12px;
	}
	#globalNav .boxMenu dd > div ul > li > ul > li a {
		display: flex;
		align-items: center;
		padding: 0 15px;
	}
	#globalNav .boxMenu dd > div ul.product3th > li > a {
		display: flex;
		padding: 0 15px;
		font-weight: 400;
	}
	#globalNav .boxMenu dd > div ul.product4th, #globalNav .boxMenu dd > div ul.product5th {
		margin: 0 0 0 15px;
	}
	#globalNav .boxMenu dd > div ul.product5th li {
		border: none;
	}
	#globalNav .boxMenu dd > div ul.product4th > li > a {
		display: flex;
		align-items: center;
		padding: 0 15px;
		font-weight: 400;
	}
	#globalNav .boxMenu dd > div ul.product5th > li > a {
		height: auto;
		font-size: 12px;
		display: block;
		padding: 7px 15px;
		font-weight: 400;
		line-height: 1.35;
	}
	/*.toggle
------------------------------------------------------*/
	#globalNav .boxMenu dd > div ul li .btnToggle {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#globalNav .boxMenu dd > div ul li .btnToggle a {
		width: calc(100% - 60px);
		box-sizing: border-box;
		padding-left: 15px;
	}
	#globalNav .boxMenu dd > div ul li .btnToggle span.icn, #globalNav .boxMenu dd > div ul li .btnToggle span.icn span {
		display: block;
		width: 60px;
		height: 50px;
		position: relative;
	}
	#globalNav .boxMenu dd > div ul li .btnToggle span.icn:before {
		content: "";
		width: 1px;
		height: 30px;
		background-color: #D7D7E1;
		position: absolute;
		left: 0;
		top: 10px;
	}
	#globalNav .boxMenu dd > div ul li .btnToggle span.icn span:before, #globalNav .boxMenu dd > div ul li .btnToggle span.icn span:after {
		content: "";
		width: 16px;
		height: 2px;
		background-color: #1566CC;
		position: absolute;
		left: 50%;
		top: 50%;
		transition: all 0.4s ease 0.2s;
	}
	#globalNav .boxMenu dd > div ul li .btnToggle span.icn span:before {
		transform: translate(-50%, -50%);
	}
	#globalNav .boxMenu dd > div ul li .btnToggle span.icn span:after {
		transform: translate(-50%, -50%) rotate(90deg);
	}
	#globalNav .boxMenu dd > div ul li.open .btnToggle span.icn span:before {
		transform: translate(-50%, -50%) rotate(225deg);
	}
	#globalNav .boxMenu dd > div ul li.open .btnToggle span.icn span:after {
		transform: translate(-50%, -50%) rotate(135deg);
	}
	#globalNav .boxMenu dd > div ul li .boxToggle {
		display: none;
	}
	/*------------------------------------------------------
 .hdrSearch
------------------------------------------------------*/
	header#jsi-header .hdrSearch {
		width: 24px;
		height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: 44px;
	}
	header#jsi-header .hdrSearch #search-open-btn {
		width: 20px;
		height: 20px;
		position: relative;
	}
	header#jsi-header .hdrSearch #search-open-btn a:before {
		display: none;
	}
	header#jsi-header .hdrSearch #search-open-btn a:after {
		display: none;
	}
	header#jsi-header .hdrSearch #search-open-btn a:hover:after {
		width: 20px;
	}
	header#jsi-header .hdrSearch #search-open-btn a .btnClose {
		display: block;
		width: 20px;
		height: 20px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.4s ease 0.2s;
		opacity: 0;
	}
	header#jsi-header.actSearch .hdrSearch #search-open-btn a .btnClose {
		opacity: 1;
	}
	header#jsi-header .hdrSearch #search-open-btn a .btnClose:before, header#jsi-header .hdrSearch #search-open-btn a .btnClose:after {
		content: "";
		width: 20px;
		height: 1px;
		background: none;
		background-color: #001F6B;
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		transform: translate(-50%, -50%) rotate(45deg);
		z-index: 1;
	}
	header#jsi-header .hdrSearch #search-open-btn a .btnClose:after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	header#jsi-header #areaSearch {
		width: auto;
		display: block;
		top: 55px !important;
		left: -15px;
		right: -15px;
		padding: 0 25px;
	}
	header#jsi-header.actSearch #areaSearch {
		height: 120px;
	}
	header#jsi-header #areaSearch .searchContainer .searchInner form {
		padding: 0 15px 0 0;
	}
	header#jsi-header #areaSearch .searchContainer .searchInner form input[type="search"] {
		padding: 0 15px;
	}
	header#jsi-header #areaSearch .searchContainer .searchInner #searchClose {
		display: none;
	}
	/*------------------------------------------------------
 #hdrMenu
------------------------------------------------------*/
	header#jsi-header #hdrMenu {
		width: 100%;
		height: auto;
		display: block;
		box-sizing: border-box;
		padding: 50px 15px 100px;
	}
	header#jsi-header #hdrMenu #hdrContact {
		width: 100%;
	}
	header#jsi-header #hdrMenu #hdrContact a {
		background: none;
		text-indent: 0;
	}
	header#jsi-header #hdrMenu a {
		display: inline-block;
		width: auto;
		height: auto;
		color: #001F6B !important;
		font-size: 16px;
	}
	header#jsi-header #hdrMenu a:after {
		display: none;
	}
	header#jsi-header #hdrMenu #hdrLang {
		width: 100%;
		height: auto;
		display: flex;
		overflow: hidden;
		position: static;
		padding: 35px 0 0;
	}
	header#jsi-header #hdrMenu #hdrLang li a {
		color: #C7CDD0 !important;
	}
	header#jsi-header #hdrMenu #hdrLang li:first-child {
		padding: 0;
	}
	header#jsi-header #hdrMenu #hdrLang li:first-child a {
		color: #465A64 !important;
	}
	header#jsi-header #hdrMenu #hdrLang li + li {
		margin: 0 0 0 35px;
	}
	header#jsi-header #hdrMenu #hdrLang span {
		display: block;
		height: auto;
	}
	header#jsi-header #hdrMenu #hdrLang li span.arw {
		display: none;
	}
	header#jsi-header #hdrMenu #hdrLang li span.arw:before, header#jsi-header #hdrMenu #hdrLang li span.arw:after {
		display: none;
	}
	header#jsi-header #hdrMenu #hdrLang li.lang {
		background-color: #fff;
	}
	header#jsi-header #hdrMenu #hdrLang li.lang span {
		height: auto;
	}
	header#jsi-header #hdrMenu #hdrLang li#btnLang.lang span {
		height: auto;
	}
	header#jsi-header #hdrMenu #hdrLang li.lang span.arw {
		display: none !important;
	}
	header#jsi-header #hdrMenu #hdrLang li.lang:first-child{padding: 0;}
	header#jsi-header #hdrMenu #hdrLang li.lang.langEn {
		transition: all 0.4s ease 0.2s;
		margin: 0 0 0 35px;
	}
}